<template>
	<view class="content">
		<view style="padding-top: 65vh;">
			<view class="boxs">
				<view @click="toScan" class="btn-box">
					<image src="../../static/images/scan.png" mode=""></image>
					<view class="">扫描物流单</view>
					<view class="small-text">scan order</view>
				</view>
				<view @click="toMy" class="btn-box">
					<image src="../../static/images/个人中心.png" mode=""></image>
					<view>个人中心</view>
					<view class="small-text">my center</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script setup>
	function toMy() {
		uni.navigateTo({
			url: "/pages/my/my"
		})
	}

	function toScan() {
		uni.navigateTo({
			url: "/pages/scan/scan"
		})
	}
</script>

<style lang="scss" scoped>
	.content {
		position: relative;
		width: 100vw;
		height: 100vh;
		background-image: url('https://liuyixiedaima-1312276636.cos.ap-shanghai.myqcloud.com/2.jpg');
		background-position: 100% 100%;
		background-size:100% 100%;
		background-repeat: no-repeat;
		background-color: #ccc;
	}

	.btn-box {
		background-color: #fff;
		background-color: rgba(255, 255, 255, 0.9);
		color: #000;
		border-radius: 20rpx;
		height: 18vh;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 48%;
	}

	.btn-box image {
		width: 3.5vh;
		height: 3.5vh;
		margin-bottom: 1vh;
	}

	.boxs {
		display: flex;
		font-size: 5vw;
		text-align: center;
		margin: 0 3vw;
		justify-content: space-between;
	}

	.small-text {
		color: #37caec;
		font-size: 3vw;
		margin-top: 1vh;
	}
	
	.bg-box{
		display: flex;
		justify-content: center;
	}
	.bg-box image{
		width: 100vw;
		height: 80vh;
	}
</style>
